<template>
  <div>
    <MyDebugbar :modelValue="modelValue" @action="handleAction" />
    <MyPathbar :modelValue="modelValue" @action="handleAction" />
    <MyToolbar :modelValue="modelValue" @action="handleAction" />

    <MyListView :modelValue="modelValue" @action="handleAction" />
  </div>
</template>
      
<script>
import MyListView from "./list_view.vue";
import MyToolbar from "./toolbar.vue";
import MyPathbar from "./path_bar.vue";
import MyDebugbar from "./debug_bar.vue";

export default {
  name: "files-view",

  components: { MyListView, MyToolbar, MyPathbar, MyDebugbar },

  data() {
    return {};
  },

  methods: {
    handleAction(p) {
      this.$emit("action", p);
    },
  },

  mounted() {},

  unmounted() {},

  props: {
    modelValue: Object,
  },
};
</script>
      